﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="author" content="ISUX">
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <title>活动登记</title>
    <link rel="stylesheet" href="/ViewMob/css/wxui.css">
    <link rel="stylesheet" href="/ViewMob/css/group.css">
    <link href="//at.alicdn.com/t/font_qqztt1cpq09kke29.css" rel="stylesheet" />
    <link href="/ViewMob/js/layer/need/layer.css" rel="stylesheet" />
    <script src="/ViewMob/js/layer/layer.m.js"></script>
    <style>
        .page {
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            opacity: 0;
            z-index: 1;
        }

            .page.js_show {
                opacity: 1;
            }

        .page__hd {
            padding: 40px;
            text-align: center;
            background: #4faeff url(../images/bg-account.jpg) 100% 100%;
            color: white;
        }

        .page__bd_spacing {
            padding: 0 15px;
        }

        .page__ft {
            padding-top: 40px;
            padding-bottom: 10px;
            text-align: center;
        }

            .page__ft img {
                height: 19px;
            }

            .page__ft.j_bottom {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
            }

        .page__title {
            text-align: left;
            font-size: 20px;
            font-weight: 400;
        }

        .page__desc {
            margin-top: 5px;
            text-align: left;
            font-size: 14px;
        }

        .page.home .page__intro-icon {
            margin-top: -.2em;
            margin-left: 5px;
            width: 16px;
            height: 16px;
            vertical-align: middle;
        }

        .page.home .page__title {
            font-size: 0;
            margin-bottom: 15px;
        }


        .head-oneself {
            width: 4.5rem;
            height: 4.5rem;
            margin-left: 20px;
        }

            .head-oneself img {
                border: 2px solid rgba(0,0,0,.2);
            }

        .ybl {
            background-color: #10c55b;
            font-size: 30px;
            color: white;
        }

        .wbl {
            background-color: lightgray;
            font-size: 20px;
            color: white;
        }

        .YZ {
            POSITION: absolute;
            RIGHT: 10PX;
            TOP: 10PX;
            FONT-SIZE: 70PX;
            COLOR: #ff0000;
            line-height: 70px;
        }
    </style>
</head>
<body style="background-color: #f8f8f8;" ms-controller="HDFQ">
    <div class="page__hd">
        <h1 class="page__title">活动登记</h1>
        <p class="page__desc">相关说明内容</p>
    </div>
    <div class="page__bd">
        <div class="weui-cells weui-cells_form" style="margin-top: 0px">
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">活动名称</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" value="" id="jhmc" placeholder="请输入活动名称">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">活动时间</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="date" value="" id="jhsj">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">活动地点</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" placeholder="请输入活动地点" id="jhdd">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">活动人数</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="number" pattern="[0-9]*" placeholder="请输入活动可报名人数" id="jhrs">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">联系人</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" placeholder="请输入联系人" id="jhlxr">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd">
                    <label class="weui-label">联系电话</label>
                </div>
                <div class="weui-cell__bd">
                    <input class="weui-input" type="text" pattern="[0-9]*" placeholder="请输入联系电话" id="jhlxdh">
                </div>
            </div>
        </div>

        <a href="#" id="tjdata" class="weui-btn weui-btn_primary" style="margin: 20px" ms-click="tijiaosj()">提交数据</a>
    </div>

    <script src="/ViewMob/js/zepto.min.js"></script>
    <script src="/ViewMob/js/weui.min.js"></script>
    <script src="/ViewMob/js/ComFunJS.js"></script>
    <script src="/ViewMob/js/avalon1.47.js"></script>
    <script>
        var model = avalon.define({
            $id: "HDFQ",
            bz: "1",//当前步骤

            nouser: {},
            tijiaosj: function () {
                $.getJSON("/API/VIEWAPI.ashx?Action=BASE_ADDHD&r=" + Math.random(), { actname: $("#jhmc").val(), actfqr: $("#jhlxr").val(), acttime: $("#jhsj").val(), actaddr: $("#jhdd").val(), actnum: $("#jhrs").val(), act_tel: $("#jhlxdh").val(), act_zzr: $("#jhlxr").val() }, function (resultData) {
                    if (resultData.ErrorMsg == "") {
                        location.href = "/ViewMob/UI/UI_SUCCESS.html";
                    }
                });
            }

        })
        avalon.ready(function () {

        })
    </script>
</body>
</html>
